<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
    <!-- 
        1、表单的作用：收集用户信息，表单展现之后用户填写表单，点击提交按钮提交数据给服务器。
        2、创建表单：使用form标签创建表单
        3、一个网页中可以有多个表单
        4、表单最终需要提交给服务器，form标签有一个action属性，这个属性用来指定服务器地址，action属性用来指定
        数据提交给哪个服务器。
        action属性和超链接中的href属性一样，都可以向服务器发送请求(request)
        5、http://192.168.111.3:8000/oa/save是请求路径，表单提交的数据最终提交给192.168.111.3机器上的8000端口对应的软件。

     -->
</head>
<body>
    <form action="http://192.168.111.3:8000/oa/save">
        <!-- 设置提交按钮，这个按钮可以提交表单，按钮使用input输入域
            type=submit的时候表示该按钮是一个提交按钮，具有表单提交的能力
            对于按钮来说，按钮的value属性用来指定按钮显示的文本信息。
        -->
        <input type="submit" />

        <!-- 这是一个普通按钮不具备表单提交能力 -->
        <input type="button" value="设置按钮上显示的文本" />
        <!-- type=text是一个文本框,password就是一个密码框 checkbox就是复选框 radio单选按钮 -->
    </form>

    <!-- 超链接和表单都可以向服务器发送请求，只不过表单发送请求时可以携带数据 -->
    <form action="http:www.baidu.com">
        <input type="submit" value="百度"/>
    </form>


<!-- 以下设置一个登录的窗口 -->
<!-- 重点强调：表单填写了name属性的，一律会提交给服务器，不想提交这一项，就不要写name属性 点击submit会向服务器提交数据 -->
    <form action="服务器地址">
        <table>
            <tr>
                <td>用户名</td>
                <!-- 
                    必须加上name属性的标签，表单才能提交参数给服务器 value就是文本框写的内容
                    表单提交数据的格式：action?name=value&name=value&name=value
                 -->
                 <!-- input的type是文本框时候不用写value 不用指定
                当用户没有输入文本框内容时 提交的是空字符串 string="" 不是null
                -->
                <td><input type="text" name="username" value="zhangsan" /></td>
            </tr>
            <tr>
                <td>密码</td>
                <td><input type="password" name="userpwd" value="123" /></td>
            </tr>
            <tr align="center">
                <td colspan="2">
                    <input type="submit" value="登录"/>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="reset" value="清空"/>
                </td>
            </tr>
        </table>
    </form>

</body>
</html>